@charset "UTF-8";

body,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
    font-weight: 400;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h4,
h5 {
    margin: 0;
    padding: 0;
}

/*节日样式开始*/

canvas {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: transparent;
    z-index: 101;
}

.jieri {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 100;
    background: #a91319;
    background-image: -webkit-linear-gradient(275deg, red, #8e1d23);
    background-image: -o-linear-gradient(275deg, red, #8e1d23);
    background-image: linear-gradient(5deg, red, #8e1d23);
    overflow: hidden;
    animation: all 6s 1s;
    box-shadow: 0 0 10px red;
}

.jieri img {
    margin-top: 15px;
    max-width: 100%;
    /*height: 100%;*/
}

/*节日样式结束*/

/* <!--  页面变灰样式   --> */
/*        
html {
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
}
*/

.checkbox {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 6px;
    background: #ff2833;
    color: #fff;
    text-align: center;
    z-index: 1;
    font-size: 14px;
}

.toast {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

.head {
    /* height: 640px; */
    color: #fff;
    /*background: url(../img/bg_header@1x.jpg) no-repeat center 0 #ffffff;*/
    background: url(../img/banner.jpg) no-repeat center 0 #ffffff;
}

.top {
    height: 120px;
    margin-bottom: 10px;
}

.head .logo {
    display: inline-block;
    width: 360px;
    height: 100px;
    vertical-align: middle;
    background: url(../img/jflogo.png) no-repeat left center;
    /*-webkit-background-size: 30%;
    background-size: 45%;*/
}

.nav {
    display: inline-block;
    width: 700px;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
    color: #fff;
    text-align: right;
}

.nav a,
.progress {
    /*     padding-right: 10px;项目多的时候 */
    margin-right: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.nav a:hover,
.progress:hover {
    opacity: .8;
}

.login {
    position: relative;
    display: inline-block;
    height: 27px;
    padding-left: 20px;
    padding-right: 10px;
    border-radius: 5px;
    background-position: left center;
}

.login a {
    display: inline-block;
    line-height: 24px;
    background-size: 22px 22px;
    padding: 0 1px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.login a:hover {
    /* color: #464646; */
    cursor: pointer;
}

.login span {
    display: inline-block;
    line-height: 24px;
    background-size: 22px 22px;
    padding: 0 1px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    cursor: pointer;
}

.login:hover ul {
    display: block;
}

.login ul {
    display: none;
    width: 100px;
    left: 0;
    top: 24px;
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 5px;
}

.login ul a {
    display: block;
    padding: 6px 10px;
    color: #000;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

.login ul a:hover {
    background: #fff;
}

.login-box {
    position: relative;
    width: 450px;
    background: #fff;
    margin: 175px auto;
    padding: 40px;
    border-radius: 10px;
}

.login-box a:hover {
    color: #ff404a;
}

.login-box .close {
    position: absolute;
    right: 15px;
    top: 6px;
    font-size: 12px;
    cursor: pointer;
    z-index: 3;
}

.login-box .title {
    font-size: 24px;
    font-weight: bolder;
    color: #ff404a;
    margin-bottom: 15px;
}

.login2 {
    color: #fff;
}

.login2 ul {
    margin-top: 4px;
    background: #c7000a;
    color: #fff;
    border-radius: 0;
    border-top: 2px solid #af0009;
}

.login2 a {
    color: #ffe3e3;
    font-size: 12px;
}

.login2 a:hover {
    color: #fff;
}

.login2 ul a {
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #af0009;
}

.login2 ul a:hover {
    background: #ad0009;
    color: #fff;
}

.login2 .icon-down {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../img/icon_down.png) no-repeat center center;
}

.input-group {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin-bottom: 35px;
}

.input-group p {
    height: 50px;
    border: none;
    padding: 10px;
}

.input-group p {
    border-bottom: 1px solid #dbdbdb;
}

.input-group p span {
    position: absolute;
    width: 60px;
    margin-top: 2px;
    background: #fff;
    border-right: 1px solid #ececec;
}

.input-group p input {
    border: none;
    width: 80%;
    height: 100%;
    background: white;
}

#memo {
    width: 30%;
}

.yanzheng {
    position: absolute;
    right: 58px;
    margin-top: -74px;
    border-left: 1px solid #dbdbdb;
    padding-left: 15px;
    cursor: pointer;
    font-size: 14px;
}

.yanzheng:hover {
    color: #ff404a;
}

.yanzheng img {
    vertical-align: middle;
    margin-right: 10px;
}

.submit-btn,
.submit-btn2 {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #ff404a;
    text-align: center;
    margin-bottom: 20px;
    border: none;
    cursor: pointer;
    font-size: 18px;
}

.login-box .submit-btn:hover {
    opacity: .8;
    color: #fff;
}

.login-way a {
    width: 119px;
    height: 24px;
}


.login-way a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 40px;
    background: url(../img/wei.png) no-repeat left center;
    margin-top: -24px;
}

.login-way a:nth-child(2) {
    padding-left: 23px;
    background: url(../img/admin.svg) no-repeat left center;
    background-size: 21px;
}

.search {
    width: 900px;
    padding: 40px 70px 50px;
    margin: 30px auto 40px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

.search .title {
    font-size: 66px;
    margin-bottom: 30px;
    text-align: left;
    line-height: 68px;
    font-weight: 600;
    font-family: \\5FAE\8F6F\96C5\9ED1, Hiragino Sans GB;
    letter-spacing: -2.4px;
}

.search .list {
    text-align: left;
}

.search .list li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
    color: #c0c0c0;
}

.search .list li:hover {
    color: #eee;
}

.search .list li.active {
    color: #fff;
}

.search .btn {
    padding: 0;
}

.search .btn input {
    width: 550px;
    height: 50px;
    padding-left: 15px;
    border: 1px solid #fff;
    margin-top: -43px;
}

.search .btn a {
    display: inline-block;
    width: 70px;
    height: 50px;
    margin-left: -4px;
    text-align: center;
    color: #fff;
    background: #f14e54;
    background: url(../img/btn-search.png) center center no-repeat #f14e54;
    background-size: 20px;
}

.erweima {
    margin-left: 132px;
}

.tel {
    height: 45px;
    margin-top: -27px;
    background: url(../img/tel.png) no-repeat center center;
}

.subWrap {
    box-shadow: 0 5px 10px #f7f7f7;
}

.subnav {
    padding: 40px 0;
    font-size: 14px;
}

.subnav li {
    display: inline-block;
    padding-left: 80px;
    width: 280px;
    *width: 194px;
    *padding-left: 70px;
    *display: inline;
    zoom: 1;
}

.subnav li.nav1 {
    background: url(../img/link1.png) no-repeat left center;
}

.subnav li.nav2 {
    background: url(../img/link2.png) no-repeat left center;
    width: 336px;
    *width: 250px;
}

.subnav li.nav3 {
    background: url(../img/link3.png) no-repeat left center;
}

.subnav li.nav4 {
    background: url(../img/link4.png) no-repeat left center;
}

.subnav li a {
    display: inline-block;
    min-width: 60px;
    padding-left: 10px;
    padding-right: 10px;
    color: #333;
    border-radius: 5px;
}

.subnav li a:hover {
    color: #c7000a;
    background: rgba(199, 0, 10, 0.1);
}

.subnav li p {
    padding-top: 8px;
    color: #747474;
    padding-left: 10px;
}

.subnav .hot-box {}

.subnav .hot {
    position: absolute;
    width: 27px;
    height: 19px;
    margin-top: -16px;
    margin-left: 46px;
    background: url(../img/hot.gif) no-repeat center;
}

.sidenav {
    position: fixed;
    right: 0;
    bottom: 375px;
    cursor: pointer;
}

.sidenav a {
    position: relative;
    display: block;
    width: 33px;
    height: 33px;
    margin-bottom: 1px;
    background: url(../img/ce.png) no-repeat;
}

.sidenav a:nth-child(1) {
    background-position: left top;
}

.sidenav a:nth-child(2) {
    background-position: left top -37px;
}

.sidenav a:nth-child(3) {
    background-position: left top -74px;
}

.sidenav a:nth-child(4) {
    background-position: left top -111px;
}

.sidenav a:hover:nth-child(1) {
    background-position: left -37px top;
}

.sidenav a:hover:nth-child(2) {
    background-position: left -37px top -37px;
}

.sidenav a:hover:nth-child(3) {
    background-position: left -37px top -74px;
}

.sidenav a:hover:nth-child(4) {
    background-position: left -37px top -111px;
}

.sidenav a:hover:after {
    position: absolute;
    height: 33px;
    line-height: 33px;
    padding: 0 15px;
    background: #c7000a;
    color: #fff;
    left: -226%;
    font-size: 12px;
}

.sidenav a:hover:nth-child(1):after {
    content: '我的收藏';
}

.sidenav a:hover:nth-child(2):after {
    content: '浏览记录';
}

.sidenav a:hover:nth-child(3):after {
    content: '常见问题';
}

.sidenav a:hover:nth-child(4):after {
    content: '回到顶部';
}

.differ-list {
    position: absolute;
    display: none;
    margin-top: -116px;
    right: 33px;
    width: 350px;
    min-height: 196px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 10px #a9a9a9;
}

.differ-list:after {
    position: absolute;
    top: 91px;
    right: -13px;
    content: '';
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left-color: white;
}

.differ-title {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

.clear {
    margin-left: 63px;
    cursor: pointer;
}

.clear:hover {
    color: #f00 !important;
}

.differ-title a {
    display: inline-block;
    background: none;
}

.differ-list .empty-cont {
    padding-top: 30px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #ccc;
}

.differ-list .empty-cont a {
    color: #333;
    font-size: 16px;
    font-weight: normal;
}

.differ-list .empty-cont a:hover {
    color: red;
    text-decoration: underline;
}

.differ-list .list {
    margin-bottom: 25px;
}

.differ-list .list li {
    position: relative;
    padding-bottom: 8px;
    padding-top: 12px;
    padding-left: 5px;
    border-bottom: 1px solid #eee;
}

.differ-list .list li .del {
    position: absolute;
    right: 10px;
    top: 50px;
    padding: 2px 12px;
    background: #fff;
    color: #808080;
    border: 1px solid #e8e8e8;
    font-size: 12px;
    cursor: pointer;
    border-radius: 15px;
}

.differ-list .list li:hover {
    background: #f5f5f5;
}

.differ-list .list li:hover a {
    text-decoration: underline;
}

.differ-list .list li .del:hover {
    color: #fff;
    background: red;
}

.differ-list .list .img {
    width: 80px;
    height: 60px;
    margin-right: 10px;
}

.differ-list .list .img img {
    width: 100%;
    height: 100%;
}

.btn-compare {
    display: block;
    width: 60%;
    margin: 0 auto;
    padding: 6px 0;
    text-align: center;
    color: #fff;
    background: #ff5151;
    border: 1px solid #d20000;
}

.btn-compare:hover {
    background: #f15252;
}

.btn-compare.disabled {
    cursor: default;
    cursor: not-allowed;
    background: #dedede;
    border: 1px solid #cecece;
}

.feedback-box {
    width: 415px;
    padding: 40px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -263px;
    margin-top: -273px;
    font-size: 14px;
}

.feed-title {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}

#feed-cont {
    width: 100%;
    height: 100px;
    padding: 10px;
}

#tel {
    width: 60%;
    padding: 6px 10px;
}

.feedBtn {
    display: block;
    width: 160px;
    padding: 6px 20px;
    margin: auto;
    background: #ff404a;
    color: #fff;
    text-align: center;
}

.card {
    padding-bottom: 60px;
}

.card h3 {
    position: relative;
    font-size: 36px;
    height: 50px;
    color: #101d37;
    font-weight: 600;
}

.card .more {
    float: right;
    font-size: 14px;
    /* position: absolute; */
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    text-align: center;
    top: 50px;
    right: 0;
    /* background: rgba(250, 250, 250, 0.5); */
    border-radius: 50px;
    cursor: pointer;
    color: #666;
}

.card .list {
    margin-right: -30px;
}

.card .list a {
    display: inline-block;
    position: relative;
    margin-right: 30px;
    background: #fff;
    transition: 1s;
    overflow: hidden;
}

.card .list a .price {
    position: absolute;
    right: -10px;
    bottom: 10px;
    height: 40px;
    line-height: 33px;
    padding: 0 10px;
    color: #fa5741;
    z-index: 1;
    font-size: 16px;
}

.card .list a .price em {
    font-size: 20px;
    padding-right: 5px;
    font-family: 'tahoma';
}

.card .list a div {
    position: relative;
    height: 210px;
    overflow: hidden;
    margin-bottom: 20px;
}

.card .list a img {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    border-radius: 4px;
}

.card .list a p {
    font-size: 18px;
    color: #666;
}

.card .list p span {
    color: #999;
    font-size: 12px;
    padding-right: 6px;
}

.ershou .list a {
    width: 22%;
    height: 300px;
}

.xinfang .list a:hover:before {
    padding: 8px 62px;
}

.xinfang .list a {
    width: 30%;
    height: 299px;
    margin-right: 35px;
}

.xinfang .list a div {
    position: relative;
    height: 290px;
    margin-bottom: 25px;
}

.xinfang .list a div:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
}


.xinfang h5 {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    text-align: center;
    letter-spacing: 2px;
    font-size: 31px;
    color: #ffffff;
    font-weight: 800;
    z-index: 10;
}

.xinfang .tags {
    right: 10px;
    padding: 0 12px;
    text-align: right;
    margin-top: -53px;
}

.xinfang .tag {
    display: inline-block;
    padding: 2px 12px;
    background: #fff6f6;
    font-size: 12px;
    border-radius: 3px;
    color: #ff9696;
}

.hot-new-house h3 {
    background: url(../img/tit3.png) no-repeat left center;
}

.hot-new-house h5,
.liandong h5 {
    color: #fff;
    background: none;
    top: 30%;
}

.liandong .list a {
    box-shadow: 0 0 20px #ececec;
}

.liandong h3 {
    background: url(../img/liandong.png) no-repeat left center;
}

.liandong h3 .fenlei {
    line-height: 120px;
    margin-left: 150px;
    color: #333;
    font-size: 14px;
}

.liandong h3 .fenlei a {
    padding: 0 8px;
}

.liandong h3 .fenlei a:hover {
    color: #c7000a;
    background: #f5f5f5;
}

.slogen {
    height: 80px;
    background: url(../img/slg.png) no-repeat center center #eee;
}

.footer-link {
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer-link li {
    display: inline-block;
    width: 24.5%;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
}

.footer-link li h4 {
    color: #fff;
    font-size: 16px;
    font-weight: bolder;
}

.footer-link li a {
    display: inline-block;
    min-width: 45px;
    font-size: 12px;
    color: #c1c1c1;
    padding-right: 10px;
}

.footer-link li a:hover {
    color: #fff;
    text-decoration: underline;
}

.copyright {
    font-size: 12px;
    color: #c1c1c1;
    padding: 10px 20px 40px;
    border-top: 1px solid #3e3e3e;
    background: url(../img/zfy.jpg) no-repeat;
    background-position: 100% 5px;
}

.copyright span {
    padding-right: 20px;
}

.flink {
    padding: 10px 20px;
    color: #c1c1c1;
    border-top: 1px solid #3e3e3e;
}

.flink a {
    padding-right: 10px;
    color: #c1c1c1;
}

.flink a:hover {
    text-decoration: underline;
    color: #fff;
}

/*二级页面公共样式*/

.topBar {
    display: inline-block;
    height: 38px;
    line-height: 38px;
}

.topBar a,
.progressA {
    display: inline-block;
    color: #e0e0e1;
    text-align: center;
    padding-right: 15px;
    font-size: 12px;
    vertical-align: bottom;
}

.topBar a.active,
.progressA.active {
    color: #fff;
}

.topBar a:hover,
.progressA:hover {
    color: #fff;
}

.require {
    background-color: #fffeef !important;
}

.input,
.form input[type="text"] {
    /* display: inline-block; */
    /* width: 300px; */
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    padding-right: 20px;
    background: #f5f5f5;
    border: none;
    border-radius: 3px;
    /* font-size: 14px; */
}

.input {
    /* width: 150px; */
    padding-right: 0;
}

.dropdown {
    display: inline-block;
    background: url(../img/arr.png) no-repeat right 10px center #fff;
    background-size: 8px;
    cursor: pointer;
    color: #999;
}

.bd6 {
    border: 1px solid #ffb6b6;
}

.dropdown-menu {
    position: absolute;
    background: white;
    border: 1px solid #ffb6b6;
    border-top: none;
    margin-left: 104px;
    z-index: 1;
    min-width: 130px;
    max-height: 200px;
    overflow-y: auto;
}

.dropdown-menu .current {
    color: #fff;
    background: #ffb6b6;
}

.dropdown-menu li {
    font-size: 14px;
    padding: 5px 28px;
    cursor: pointer;
}

.dropdown-menu li:hover {
    background: rgba(255, 182, 182, 0.2);
}

.dropdown-menu .current:hover {
    color: #fff;
    background: #ffb6b6;
}

.drop {
    display: inline-block;
    width: 130px;
    height: 40px;
    border: 1px solid #eee;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 14px;
    background: url(../img/arr.png) no-repeat right 10px center #fff;
    background-size: 8px;
    cursor: pointer;
    color: #999;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.drop option {
    display: block;
    padding: 50px 10px;
    height: 40px;
}

.news {
    position: relative;
    font-size: 12px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding-left: 90px;
    overflow: hidden;
    background: url(../img/guapai.png) no-repeat;
    background-position: 10px 50%;
    z-index: 90;
}

.news:before,
.news:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 16px;
    background: #f00;
    top: 12px;
}

.news:before {
    left: 0;
    transform: skewY(-30deg);
}

.news:after {
    left: 80px;
    transform: skewY(30deg);
}

.news ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 92%;
    margin-left: 90px;
    background: #444;
    box-shadow: 0 0 15px rgba(68, 68, 68, .8);
}

.news li {
    position: relative;
    display: inline-block;
    width: 32%;
    padding-left: 22px;
    cursor: default;
}

.news li:before {
    position: absolute;
    left: 15px;
    top: 42%;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 10px;
    background: #ff0000;
}

.news .nbtn {
    position: absolute;
    width: 140px;
    height: 40px;
    right: -75px;
    padding-left: 12px;
    color: #999;
    background: url(../img/more.png) no-repeat left center;
    z-index: 99;
}

.news .nbtn:hover {
    color: #fff;
    background: url(../img/morehover.png) no-repeat left center;
}

/*我要买房样式*/

.form1 {
    background: #fff;
    padding: 1rem 2rem;
    /* padding-left: 100px; */
    border-radius: 5px;
}

.form1 .item {
    display: flex;
    position: relative;
    margin-bottom: 15px;
    /* width: 80%; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    align-items: center;
}

.form1 .item label {
    /* float: left; */
    width: 5rem;
    /* margin-top: 10px; */
    /* font-size: 14px; */
    /* vertical-align: middle; */
    color: #333;
    /* font-weight: bold; */
    flex: none;
}

.form1 .item .input {
    padding-left: 5px;
    background-color: #f5f5f5;
}

.form1 select {
    border: none;
    height: 45px;
    line-height: 45px;
    margin-left: 7px;
    border: none;
    outline: none;
    vertical-align: top;
}

.form1 select option {
    border: none;
}

.street_list li a {
    width: 100%;
}

.other {
    min-height: 80px;
    width: 500px;
    margin-left: 110px;
    margin-top: -30px;
    margin-bottom: 15px;
    border: 1px solid #eee;
    padding: 10px;
    font-size: 14px;
    color: #999;
    resize: none;
    font-family: "微软雅黑";
}

.clear-content {
    display: inline-block;
    font-size: 12px;
    border: 1px solid #dedede;
    padding: 0 6px;
    border-radius: 50px;
    vertical-align: 5px;
    margin-left: 10px;
    color: #9e9e9e;
    cursor: pointer;
}


/*二手房源列表*/

.bread {
    font-size: 14px;
    padding-left: 25px;
    background: url(../img/localicon.png) no-repeat left center;
    cursor: default;
}

.dsearch {
    position: absolute;
    right: 0;
    top: 18px;
    width: 550px;
    padding: 0;
    margin: 0;
    line-height: 34px;
    background-color: #fff;
    background-image: none;
}

.dsearch .btn {
    height: 36px;
    padding: 0;
    margin-top: -8px;
}

.dsearch .btn input {
    font-size: 12px;
    width: 463px;
    height: 36px;
    *width: 420px;
    line-height: 36px;
    margin-top: -3px;
}

.dsearch a {
    width: 90px !important;
    line-height: 36px !important;
    font-size: 14px;
}

.filter {
    background: #fbfbfb;
    padding: 20px 30px;
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 27px;
}

.filter li {
    position: relative;
    padding-left: 50px;
}

.filter li.filter-item a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 130px;
    padding-left: 20px;
    line-height: 20px;
    background: url(../img/check.png) no-repeat;
    background-position: left -16px;
    transition: none;
}

.filter li a.checked {
    color: #f02e2e;
    background: url(../img/check.png) no-repeat;
    background-position: left 2px;
}

.filter li.radio-item a.active {
    background: url(../img/cirle-active.jpg) no-repeat;
}

.filter li.radio-item a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 130px;
    padding-left: 20px;
    line-height: 20px;
    background: url(../img/cirle-normal.jpg) no-repeat;
    background-position: left 2px;
    transition: none;
}

.filter li .radio-item a.checked {
    color: #f02e2e;
    background: url(../img/cirle-active.jpg) no-repeat;
    background-position: left 2px;
}

.filter li.region {
    margin-bottom: 10px;
}

.filter li.region a {
    padding: 0 8px;
}

.filter li.region .street {
    width: fit-content;
    display: none;
    margin: 5px 0 10px;
    background: #fff;
}

.iPrice {
    display: inline-block;
}

.iPrice input {
    width: 50px;
    padding: 5px 10px;
    border: none;
}

.iBtn {
    height: 24px;
    line-height: 15px;
    border: 1px solid #ddd;
    background: #eee;
    font-size: 12px;
    color: #3c3f46;
    margin-left: 5px;
    cursor: pointer;
}

.filter li span:first-child {
    position: absolute;
    left: 0;
    cursor: default;
    font-weight: 600;
    padding-right: 15px;
}

.filter li a.active {
    color: #f5000c;
}

.hide {
    display: none;
}

.showmore {
    margin-top: 10px;
    color: #999;
}


/*其它筛选条件*/

.otherfilter {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 5px;
    padding-top: 10px;
    font-size: 12px;
}

.otherfilter span {
    font-weight: 600;
    padding-right: 15px;
}

.otherfilter a {
    display: inline-block;
    min-width: 60px;
    *width: 45px;
    padding: 0 18px;
    line-height: 20px;
    background: url(../img/check.png) no-repeat;
    background-position: left -16px;
    transition: none;
}

.otherfilter a.checked {
    color: #f02e2e;
    background: url(../img/check.png) no-repeat;
    background-position: left 2px;
}

.selectlist {
    position: relative;
    display: inline-block;
    margin: 0 5px;
}

.selectlist:hover .selectbox {
    display: block;
}

.selectlist input {
    width: 90px;
    height: 30px;
    color: #3c3f46;
    font-size: 12px;
    background: url(../img/icon_down.png) no-repeat right 10px center #fff;
    border: none;
    padding: 0 10px;
    cursor: pointer;
    outline: none;
}

.selectbox {
    display: none;
    position: absolute;
    width: 90px;
    max-height: 160px;
    background: #fff;
    top: 30px;
    left: 0;
    border: 1px solid #f2f2f4;
    overflow: auto;
    font-size: 12px;
    cursor: pointer;
}

.selectbox li {
    line-height: 30px;
    padding: 0 10px;
}

.selectbox li:hover,
.selectbox li.active {
    color: red;
    background: rgba(255, 182, 182, 0.2);
}

.house {
    display: inline-block;
    padding-right: 60px;
    width: 945px;
    vertical-align: top;
}

.sort {
    border-bottom: 2px solid #e60012;
}

.sort li,
.sort li a {
    display: inline-block;
    font-size: 15px;
}

.sort li a {
    padding: 12px 25px;
    text-align: center;
    font-weight: 700;
}

.sort li a:hover {
    color: #e60012;
}

.sort li a.active {
    color: #fff;
    background: #e60012;
}

.result {
    line-height: 56px;
    color: #101d37;
    border-bottom: 1px solid #f5f5f5;
}


.b100 {
    position: relative;
    top: 35px;
    height: 30px;
    background: url(../img/100.png) no-repeat right center;
}

.house .list {
    min-height: 10 px;
    margin-bottom: 40px;
}

.media {
    position: relative;
    padding: 35px 0;
    border-bottom: 1px solid #f1f1f1;
}

.media .img {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 232px;
    height: 174px;
    margin-right: 40px;
    vertical-align: top;
}

.media .img img {
    width: 100%;
    height: 100%;
    border: 0;
}

.media .lazy {
    background: url(../img/default.png) no-repeat center center #f5f5f5;
}

.newhouse .media .img {
    width: 280px;
    height: 210px;
}

.media .media-body {
    display: inline-block;
    width: 550px;
}

.media .media-body p {
    line-height: 32px;
    font-size: 14px;
    color: #101d37;
}

.media .media-body .tag {
    margin-top: 10px;
    line-height: 25px;
}

.media .price .total {
    font-size: 14px;
    color: #e60012;
    font-family: 'tahoma';
    margin-bottom: 5px;
}

.media .title {
    display: block;
    margin-bottom: 10px;
}

.media .title:link {
    font-size: 22px;
    font-weight: 600;
    color: #101d37;
}

.media .title:hover {
    color: #e2000b;
}

/*.media .title:visited {
    color: #9399a5;
}*/

.media .price {
    position: absolute;
    right: 0;
    top: 75px;
    text-align: right;
    color: #101d37;
}

.newhouse .media .price {
    top: 68px;
}

.media .btn-differ {
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 35px;
    padding: 2px 12px;
    font-size: 12px;
    border: 1px solid #eee;
    text-align: center;
    cursor: pointer;
    color: #999;
    background: none;
}

.media .btn-differ:hover {
    color: #000;
}

.media .btn-differ[disabled="disabled"] {
    cursor: not-allowed;
}

.media .btn-differ[disabled="disabled"]:hover {
    color: #999;
}

.media:hover .btn-differ {
    visibility: visible;
}

.tag span {
    display: inline-block;
    line-height: 30px;
    padding: 0px 11px;
    font-size: 12px;
    margin-left: 10px;
    border-radius: 3px;
    color: #849aae;
    background: #f4f7f9;
}

/*.green {
    background: #caffe7;
    color: #00b383;
}

.blue {
    background: #eaf4ff;
    color: #6184e8
}

.red {
    background: #ffebeb;
    color: #ff7f7f;
}

.yellow {
    background: #ffe3d1;
    color: #ff5400;
}

.purple {
    background: #ffdee4;
    color: #ff6666;
}

.tye {
    background: #e8efff;
    color: #6b76af;
}*/

.emptyAll {
    position: absolute;
    right: 0;
    padding-left: 20px;
    margin-top: -20px;
    font-size: 12px;
    background: url(../img/delete.png) no-repeat left center !important;
}

.icon-local,
.icon-people,
.icon-like,
.icon-deals {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -4px;
}

.icon-local {
    background: url(../img/map.png) no-repeat left center;
}

.icon-like {
    background: url(../img/like.png) no-repeat left center;
    background-size: 12px;
}

.icon-people {
    background: url(../img/people.png) no-repeat left center;
}

.icon-deals {
    background: url(../img/deals.png) no-repeat left center;
}


/*内容右边栏样式*/

.right {
    width: 250px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.right h2 a {
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 12px;
    color: #999;
    padding: 0 10px;
    border-radius: 20px;
}

.right h3 {
    font-size: 14px;
}

.qrcode {
    text-align: center;
    font-size: 12px;
    padding: 20px;
    background: #f5f5f5;
    margin-bottom: 20px;
}

.gong {
    padding: 5px 10px 0;
    border: 1px solid #f1f1f1;
    margin-bottom: 30px;
}

.gong p {
    font-size: 12px;
    color: #999;
}

.gong li {
    border-bottom: 1px solid #f2f2f2;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    background: url(../img/house.png) no-repeat;
    background-position: 4px 15px;
}


.ask {
    padding: 2px 10px 2px 20px !important;
    color: #adadad !important;
}

.ask:hover {
    text-decoration: underline;
}

.question a {
    display: block;
    line-height: 20px;
    margin-bottom: 10px;
}

.question a:hover {
    color: #c7000a;
    text-decoration: underline;
}

/*办件进度样式*/

.jindu {
    position: relative;
    /* width: 1000px; */
    margin: auto;
    padding: 1rem 2rem;
    /* min-height: 250px; */
    background: #fff;
    /* box-shadow: 0 0 15px #cccccc; */
}

.jindu .datalist {
    text-align: center;
    min-height: 200px;
    border: 1px solid #f1f1f1;
    margin-top: 30px;
    background: url(../img/lists.svg) no-repeat center center #f9f9f9;

}

.jindu .datalist table {
    display: none;
    width: 100%;
    text-align: center;
    font-size: 14px;
    background: #fff;
}

.jindu .datalist table th {
    line-height: 40px;
    background: #003b58;
    color: #fff;
    border: 1px solid #000000;
}

.jindu .datalist table tbody tr:nth-child(even) {
    background: #f0faff;
}

.jindu .datalist table tbody td {
    line-height: 50px;
    border: 1px solid #e7f0f5;
}

.jindu .datalist li {
    position: relative;
    width: 375px;
    border-left: 1px solid #e4e4e4;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 40px;
    margin-left: 287px;
    color: #bbb;
    font-size: 16px;
    background: #fff;
}

.jindu .datalist li:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background: url(../img/cirle-normal.jpg) no-repeat center center;
    left: -15px;
    top: -3px;
    border-radius: 50px;
}

.jindu .datalist li .times {
    position: absolute;
    left: -119px;
    top: 2px;
    width: 100px;
    text-align: right;
    font-size: 13px;
    color: #ccc;
}

.jindu .datalist {
    margin-top: 20px;
    border: 1px solid #f5f5f5;
}


.jindu .datalist li.active {
    color: #333;
}

.jindu .datalist li.active .times {
    color: #666;
}

.jindu .datalist li.active:before {
    color: #666;
    background: url(../img/finish.jpg) no-repeat center center;
    background-size: 20px;
}

.jindu .datalist li.ing:before {
    color: #666;
    background: url(../img/ing.png) no-repeat center center;
    background-size: 20px;
}

.jindu .datalist li:before {
    position: absolute;
    top: -3px;
    left: -15px;
    content: '';
    width: 30px;
    height: 30px;
    background: url(../img/waiting.jpg) no-repeat center center;
    border-radius: 50px;
    background-size: 20px;
}

.jindu .datalist li .times {
    position: absolute;
    width: 100px;
    font-size: 13px;
    color: #ccc;
    text-align: right;
    left: -120px;
    top: 2px;
}

.jindu .datalist li h5 {
    font-size: 16px;
}

.jindu .datalist li .warning {
    width: 70px;
    margin-top: 5px;
    padding-left: 10px;
    color: #bbb;
    font-size: 12px;
    cursor: default;
    border: 1px solid #efefef;
}

.jindu .datalist li.active .warning {
    color: #ff6000;
    font-size: 12px;
    border: 1px solid #ffe7e7;
    cursor: pointer;
}

.jindu .datalist li.active .warning:hover {
    background: #fff1e9;
}

.jindu .datalist li .warning+.tip {
    position: absolute;
    left: -329px;
    top: -202px;
    visibility: hidden;
    width: 900px;
    z-index: 999;
    border: 40px solid #000;
    border: 40px solid rgba(0, 0, 0, .5);
}

.jindu .datalist li .warning+.tip img {
    width: 100%;
    border-bottom: 20px solid rgba(0, 0, 0, .5)
}

.jindu .datalist li .warning2 {
    width: 465px;
    color: #666;
    cursor: default !important;
}

.jindu .form>div {
    display: inline-block;
    width: auto;
    border: 1px solid #eee;
    margin-right: 15px;
}

.jindu .form label {
    display: inline-block;
    line-height: 43px;
    padding-left: 10px;
    padding-right: 10px;
    background: #f9f9f9;
    font-size: 14px;
    color: #585858;
    border-right: none;
    margin-right: -4px;
}

.jindu .form input[type="text"] {
    font-size: 14px;
    border-radius: 0;
    border: none;
    width: 210px;
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
}

.jindu .form .phone {
    width: 180px !important;
}

.jindu .form .btn {
    display: inline-block;
    background: #ff404a;
    padding: 8px 22px;
    color: #fff;
    border-radius: 3px;
    border: 1px solid #ff0000;
    cursor: pointer;
}

.jindu .form .btn:hover {
    background: #ea3b44;
}

.jindu .form .getCode,
.jindu .form .resetCode {
    position: absolute;
    width: 94px;
    top: 3.5px;
    right: 0;
    text-align: center;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    border: none;
    border-radius: 3px;
}

.jindu .form .getCode {
    background: #ff404a;
    color: #ffffff;
}

.jindu .form .resetCode {
    display: none;
    background: #e6e6e6;
    color: #9a9a9a;
    cursor: not-allowed;
}


.g-nav {
    margin-bottom: 25px;
    border-bottom: 2px solid #c7000a;
}

.g-nav a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 16px;
    padding: 15px 35px;
}

.g-nav a:hover {
    color: #f00;
    background: #fff4f4;
}

.g-nav a.active {
    background: #c7000a;
    color: #fff;
}

.guapai {
    width: 100%;
    /* min-height: 300px; */
    /* max-height: 470px; */
    margin-bottom: 40px;
    overflow-y: auto;
}

.guapai>li {
    display: none;
}

.guapai table {
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.guapai table th {
    line-height: 40px;
    background: #bbe9ff;
    color: #000;
    border: 1px solid #99d7f7;
}

.guapai table tbody td {
    line-height: 50px;
    border: 1px solid #e7f0f5;
}

.guapai table tbody tr:nth-child(odd) {
    background: #f0faff;
}

.guapai table tbody tr:hover {
    border: 1px solid red;
}

.rule {
    position: absolute;
    right: 0;
    top: 65px;
    padding: 5px 15px 5px 30px;
    font-size: 12px;
    background: #fff6e6;
}

.icon-warn {
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: -20px;
    margin-top: 1px;
    background: url(../img/warn.png) no-repeat;
    background-position: left center;
}

.rule a {
    color: #ff3a00;
}

.rule a:hover {
    color: #ff3a00;
}

.gBox {
    display: none;
    position: absolute;
    background: url(../img/logo.png) no-repeat #c7000a;
    background-position: 98% 90%;
    margin: auto;
    z-index: 2;
    top: 28px;
    left: 0;
    right: 0;
    padding: 20px 0;
    font-size: 14px;
    color: #fff;
}

.gBox p {
    cursor: pointer;
    padding: 0 20px;
    color: #fff;
    line-height: 30px;
}

.gBox p:hover {
    color: #ffffbb;
}

.rule:hover .gBox {
    display: block;
}

.g-close {
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 60px;
    color: #ffffff;
    right: 64px;
    top: 30px;
    font-size: 16px;
    cursor: pointer;
    border: 1px dashed #fff;
}

.g-close:hover {
    background: rgba(255, 255, 255, .3);
}

.rule-mask {
    z-index: 999;
    overflow-y: auto;
}

.rule-mask img {
    width: 65%;
}

/*答疑提问样式*/

.answer {
    padding: 40px;
    font-size: 14px;
    margin: 40px auto;
}

.answer .btn {
    display: block;
    width: 100px;
    line-height: 40px;
    text-align: center;
    background: #c7000a;
    color: #fff;
    margin: auto;
    border: none;
    font-size: 14px;
    margin-top: 40px;
}

.answer p {
    font-weight: 600;
    margin: 30px 0 10px;
}

.limtext {
    position: absolute;
    margin-top: -30px;
    right: 10px;
    color: #999;
}

.radio {
    margin-bottom: 30px;
}

.radio input {
    vertical-align: -2px;
}

.radio label {
    padding-right: 14px;
    cursor: pointer;
}

.page {
    margin-bottom: 40px;
}

.page a {
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    margin-left: 5px;
    line-height: 30px;
    font-size: 12px;
    background: #f5f5f5;
}

.page a:hover {
    background: rgb(224, 224, 224);
}

.page a.on {
    background: #e22c29;
    color: #fff;
}

.alert {
    display: none;
    color: red;
    font-size: 12px;
    font-weight: normal;
}

/*页码样式*/
.zzsc {
    text-align: right;
    height: 50px;
}

.pagination {
    display: inline;
    width: 580px;
    margin-bottom: 40px;
    margin-top: 30px;
    text-align: center;
}

.pagination li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.pagination li:first-child>a {
    margin-left: 0;
}

.pagination li a {
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    margin-left: 5px;
    line-height: 30px;
    font-size: 12px;
    background: #f5f5f5;
    cursor: pointer;
}

.pagination li a.navcur:hover,
.pagination li a.navcur {
    background: #4C4948;
    color: #fff;
}

.pagination li a:hover {
    background: #e0e0e0;
}

/*二手房详情页样式*/

.inner-search {
    padding: 30px 0;
    background: #f5f5f6;
}

.inner-search .logo {
    display: block;
    height: 45px;
    background: url(../img/jflogo.png) no-repeat;
    background: url(../img/logo.svg) no-repeat, none;
    margin-bottom: 20px;
    -webkit-background-size: 180px;
    background-size: 180px;
}

.inner-search input {
    vertical-align: middle;
    box-sizing: border-box;
    width: 710px;
    height: 45px;
    line-height: 45px;
    padding: 0 22px;
    border: 0;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .2);
    border-radius: 2px;
}

.title-wrap {
    align-items: center;
    margin-bottom: 44px;
    font-size: 12px;
    color: #666;
    height: 35px;
}

.title-wrap .title {
    display: inline-block;
    width: 713px;
}

.title-wrap h1 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 30px;
    font-size: 25px;
    font-weight: 800;
    margin-right: 15px;
    color: #000;
}

.title-wrap .tag {
    display: inline-block;
    * display: inline;
    * zoom: 1;
    margin-right: 5px;
}

.icon-eyes {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 20px;
    height: 10px;
    margin-left: -18px;
    background: url(../img/eyes.png) no-repeat left center;
}

.funbtn {
    display: inline-block;
    * display: inline;
    * zoom: 1;
    width: 388px;
    text-align: right;
}

.funbtn span {
    display: inline-block;
    cursor: pointer;
    padding-left: 20px;
}

.funbtn span:hover {
    color: #c7000a;
}

.funbtn span.share {
    background: url(../img/share.png) no-repeat left center;
    margin-right: 10px;
    border-right: 1px solid #eee;
    padding-right: 20px;
}

.funbtn span.share .qcode {
    display: none;
    position: absolute;
    top: 17px;
    left: -30px;
    width: 150px;
    height: 150px;
    z-index: 2;
}

.funbtn span.share:hover .qcode {
    display: block;
}

.funbtn span.share .qcode img {
    width: 100%;
    height: 100%;
}

.funbtn span.differ {
    margin-right: 15px;
    background: url(../img/differ.png) no-repeat left center;
}

.funbtn span.like {
    background: url(../img/have.png) no-repeat left center;
}

.funbtn span.likes {
    background: url(../img/haves.png) no-repeat left center;
}

.overview {
    position: relative;
    margin-bottom: 170px;
}

.house-info {
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
}

.house-info>li {
    border-bottom: 1px solid #eee;
}

.house-info .price {
    padding-bottom: 22px;
    margin-top: 10px;
}

.house-info .price .total {
    font-family: 'tahoma';
    color: #e2000b;
    width: 30%;
    padding-right: 15px;
}

.house-info .houseInfor {
    padding: 30px 0;
}

.infor li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 130px;
}

.baseinfo {
    padding: 24px 0;
}

.baseinfo li {
    position: relative;
    color: #333;
    padding: 4px 0;
    height: 30px;
    padding-left: 115px;
    font-size: 14px;
}

.baseinfo li span.left {
    position: absolute;
    left: 0;
    color: #aeb0b1;
    margin-right: 100px;
}

.agent {
    position: relative;
    font-size: 14px;
    padding-top: 30px;
}

.agent .headImg {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    overflow: hidden;
    margin-right: 10px;
}

.agent .headImg img {
    width: 100%;
    /*width: 84px;*/
    /*height: 120px;*/
    /*margin-left: -15px;*/
}

.agent ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 20px;
    margin-top: 10px;
    vertical-align: top;
}

.agent a.order {
    position: absolute;
    right: 0;
    width: 100px;
    padding: 6px 12px;
    background: #da0000;
    border-radius: 3px;
    color: #fff;
    margin-top: 57px;
    text-align: center;
}

.agent a.order:hover {
    background: #c7000a;
    color: #fff;
    box-shadow: 0 0 10px #b14747;
}

.agent .btn {
    margin-left: 104px;
    margin-top: -34px;
}

.orderbox {
    width: 400px;
    margin: 0 auto;
    background: #fff;
    margin-top: 200px;
    border: 2px solid #c7000a;
}

.more-cont .left {
    float: left;
    width: 880px;
}

.more-cont .section {
    font-size: 14px;
    margin-bottom: 40px;
}

.more-cont .section h2,
.map h2 {
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.more-cont .baselist li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 24%;
    color: #999;
    padding: 5px 0;
}

.more-cont .baselist li span {
    color: #333;
    padding-left: 20px;
}

.tese li {
    padding: 5px 0;
    margin-bottom: 20px;
    align-items: flex-start;
    line-height: 2;
}

.tese li p {
    position: absolute;
    left: 0;
    font-size: 15px;
    font-weight: 600;
}

.tese li div {
    margin-left: 120px;
    text-align: left;
}

.more-cont .rightbar {
    float: right;
    width: 250px;
    font-size: 12px;
    vertical-align: top;
}

.more-cont .rightbar h3 {
    margin-bottom: 15px;
}

.more-cont .rightbar img {
    width: 100%;
}

.fankui .flist {
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.fankui .flist:hover {
    background: #f5f5f5;
}

.fankui .flist:hover .btn {
    background: #c7000a;
    color: #fff;
}

.fankui .flist a img {
    position: absolute;
    width: 70px;
    height: 98px;
    margin-right: 20px;
}

.fankui .flist ul {
    margin-left: 90px;
}

.fankui .flist ul li {
    margin-bottom: 10px;
}

.fankui .btn {
    display: block;
    width: 100px;
    padding: 5px 20px;
    border: 1px solid #eee;
    transition: all .2s;
}

.fangyuan li {
    float: left;
    width: 430px;
    height: 330px;
    background: #eee;
    margin: 5px;
    position: relative;
    text-align: center;
}

.fangyuan li img {
    width: 100%;
    height: 100%;
}

.fangyuan li span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    line-height: 32px;
    text-align: center;
    padding: 0 11px;
    border-radius: 2px;
    background: url(../img/fy-bg.png) no-repeat;
    color: #ffffff;
    font-size: 12px;
}

.chengjiao li.clist {
    float: left;
    width: 440px;
    padding: 10px;
}

.chengjiao li.clist:hover {
    background: #f9f9f9;
}

.chengjiao a {
    margin-right: 10px;
}

.chengjiao a img {
    width: 180px;
    height: 140px;
}

.chengjiao ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}

.chengjiao ul li {
    line-height: 2;
}

.chengjiao ul li label {
    color: #999;
    padding-right: 10px;
}


/*连锁店*/

.cnav {
    padding: 0 10px;
    font-size: 14px;
    background: #f5f5f5;
    border-bottom: 2px solid #c7000a;
}

.cnav li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.cnav a {
    display: inline-block;
    padding: 8px 20px;
}

.cnav a:hover {

    color: #f00;
    background: #fff4f4;
}

.cnav a.active {
    color: white;
    background: #c7000a;
}

.cnav .time {
    position: absolute;
    background: url(../img/time.svg) no-repeat left center;
    background-size: 30px;
    padding-left: 30px;
    right: 10px;
    top: 10px;
    font-size: 12px;
}

.store {
    font-size: 12px;
    color: #666;
    padding: 20px 0;
    margin-right: -15px;
}

.store>div {
    display: none;
}

.store .list {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 282px;
    *width: 320px;
    margin-bottom: 20px;
    margin-right: 19px;
    padding: 20px;
    background: #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 20px #d0d0d0;
}

.store .list:hover {
    box-shadow: 0 0 20px #a2b0bd;
}

.store .list a img {
    width: 100%;
    height: 100%;
}

.store .list .store-map-btn {
    float: right;
    width: 20px;
    height: 20px;
    margin-top: -2px;
    background: url(../img/map.png) no-repeat center center;
}

.store .list .store-map-btn:hover {
    background: url(../img/map-hover.png) no-repeat center center;
}

.store .list strong {
    padding-left: 5px;
    padding-right: 5px;
}

.store .list .btn {
    display: block;
    padding: 8px 0;
    background: url(../img/telphone.png) no-repeat 4% center #f5f5f5;
    -webkit-background-size: 18px;
    background-size: 18px;
    padding-left: 30px;
    margin-top: 15px;
    color: #999;
    transition: color .2s;
    cursor: default;
}

.store .list .btn strong {
    font-size: 16px;
    padding-right: 28px;
}

.store .list li h4 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.store .list .qcode {
    visibility: hidden;
    position: absolute;
    margin-left: -187px;
    margin-top: -207px;
    width: 160px;
    height: 160px;
    outline: 40px solid rgba(0, 0, 0, .6);
}

.store .list .btn:hover .qcode {
    visibility: visible;
}

/*经纪人*/
.agents {
    position: relative;
    display: inline-block;
    width: 576px;
    font-size: 14px;
    margin: 20px 20px 0 0;
    padding: 20px;
    border: 2px solid #fff0f0;
    transition: border .2s;
}

.agents:hover {
    border: 2px solid #c7000a;
}

.agents .one img {
    width: 80px;
    margin-right: 20px;
}

.agents .two {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 290px;
    vertical-align: top;
}

.agents .three {
    position: absolute;
    right: 0;
    top: 0;
    width: 140px;
    height: 100px;
    *width: 120px;
    *height: 80px;
    padding: 10px;
    font-size: 12px;
    background: #f9f7f7;
    border: 1px dashed #fff;
}

.agents .three .btn {
    position: absolute;
    padding: 5px 30px;
    border: 1px solid #eee;
    margin-top: 30px;
    margin-left: -10px;
    transition: all .2s;
}

.agents:hover .btn {
    background: #c7000a;
    color: #fff;
}

.agent-filter {
    margin-top: 20px;
    padding: 4px 10px;
    font-size: 14px;
}

.agent-filter a {
    padding-left: 10px;
}

.agent-filter a:hover {
    color: red;
}

.agent-result {
    text-align: right;
    padding-right: 10px;
    font-size: 14px;
    margin-top: -26px;
}

/*关于我们*/
.about {
    position: relative;
    padding: 40px 0;
    margin: 20px auto;
    min-height: 765px;
    background: #fff;
}

.about .about-tab {
    position: absolute;
    *left: 0;
    width: 200px;
}

.about li {
    line-height: 35px;
    font-size: 16px;
    font-weight: bold;
    cursor: default;
}

.about li p {
    padding-left: 30px;
}

.ab {
    background: url(../img/docu.png) no-repeat #f9f9f9;
    background-position: 10px center;
}

.in {
    background: url(../img/join.png) no-repeat #f9f9f9;
    background-position: 10px center;
}

.us {
    background: url(../img/us.png) no-repeat #f9f9f9;
    background-position: 10px center;
}

.about li li {
    line-height: 40px;
    font-size: 14px;
    font-weight: normal;
    padding-left: 40px;
    cursor: pointer;
    border-bottom: 1px solid #f9f9f9;
    background: url(../img/rarr2.png) no-repeat;
    background-position: 20px center;
}

.about li li.active {
    background: url(../img/rarr.png) no-repeat #c7000a;
    background-position: 20px center;
    color: #fff;
}

.about li li:hover {
    color: red;
    background: url(../img/rarr.png) no-repeat left 20px center #fee;
}

.about li li.active:hover {
    background: url(../img/rarr.png) no-repeat left 20px center #c7000a;
    color: #fff;
}

.about li li a {
    display: block;
}

.about li li.active a {
    color: #fff;
}

.about .about-cont {
    padding: 30px 80px 50px;
    min-height: 600px;
    border: 2px solid #fbfbef;
    background: url(../img/jflogo.png) no-repeat center bottom 26px #fffffb;
    background-size: 100px;
    outline: 1px dashed #ffe0e2;
    outline-offset: -15px;
    margin-left: 200px;
}


.about .about-cont div img {
    /*width: 80%;*/
}

.about .about-cont h2 {
    text-shadow: 0 3px 0px #e0e0e0;
    background: url(../img/bolang.png) repeat-x;
}

.shiming li {
    width: 80%;
    padding: 10px;
    padding-left: 30px;
    margin: 2px auto;
    background: url(../img/list.png) no-repeat left 10px center #e8f8ff;
    color: #0070a0;
    font-size: 18px;
    border-radius: 10px;
    letter-spacing: 1px;
}

.liucheng a {
    display: block;
    padding: 10px 0;
}

.liucheng a:hover {
    text-decoration: underline;
    color: #c7000a;
}

.showimg .close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
    font-weight: 100;
    width: 50px;
    height: 50px;
    background: url(../img/close.png) no-repeat center center;
}

.showimg p {
    width: 50%;
    height: 98%;
    padding: 40px;
    margin: 10px auto;
    text-align: center;
    overflow: auto;
    background: #fff;
}

.showimg p img {
    width: 100%;
}

/*公益贷样式*/
.circle {
    display: inline-block;
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: rgba(255, 255, 255, .6);
    border-radius: 150px;
    border: 2px dashed #000;
}

/*常见问题样式*/
.problem {
    padding: 0 1.5rem;
    min-height: 486px;
}

.pleft {}

.problem .answer {
    padding: 20px;
}

.pright {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 250px;
    vertical-align: top;
}

.psort {
    font-size: 14px;
}

.psort a {
    display: inline-flex;
    align-items: center;
    margin-right: 1.2rem;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.psort a:hover {
    color: red;
}
.pleft{

}
.psearch .modal-btn {
    padding: 6px 26px;
    vertical-align: -2px;
}

.pnav {
    border-bottom: 2px solid #c7000a;
}

.pnav span {
    display: inline-block;
    padding: 8px 35px;
    cursor: pointer;
}

.pnav span:hover {
    color: #c7000a;
    background: #fff4f4;
}

.pnav span.active {
    color: #fff;
    background: #c7000a;
}

.psort {
    border-bottom: 1px solid #f5f5f5;
}

.pitem {
    padding: 1rem 0;
    border-bottom: 1px solid #f5f5f5;
}

.pitem h5 {
    font-size: 1.2rem;
    margin-bottom: .5rem;
}

.pitem h5 a {
    color: #000;
    font-size: 1.1rem;
}

.pitem a:hover {
    text-decoration: underline;
    color: #c7000a;
}

.pitem time {
    padding-right: 10px;
}

.parea h1 {
    font-size: 22px;
    padding-left: 30px;
    background: url(../img/ques.png) no-repeat;
    background-position: left 6px;
}

.parea h1 span {
    margin-top: 8px;
}

.parea .bg-grey {
    padding: 30px 40px;
    line-height: 30px;
    text-indent: 34px;
}

.parea time {
    padding-right: 10px;
}

.pright .tiwen {
    display: block;
    width: 242px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: url(../img/pen2.png) no-repeat #ff5050;
    background-position: 48px 13px;
    color: #fff;
    font-size: 20px;
}

.pright .tiwen:hover {
    background-color: #ff3030;
}

.plist h3 {
    border-bottom: 1px dashed #f5f5f5;
}

.plist li {
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px dashed #f5f5f5;
}

.plist li a:hover {
    text-decoration: underline;
    color: #c7000a;
}

/*注册页面*/
.regBox {
    position: relative;
    width: 594px;
    padding-left: 60px;
    padding-right: 35px;
    padding-bottom: 60px;
}

.regBox:after {
    position: absolute;
    right: -27px;
    top: 56px;
    content: '';
    width: 0;
    height: 80%;
    border-right: 1px dashed #d6d6d6;
}

.regBox h2.title {
    padding-top: 8px;
    font-size: 22px;
    font-weight: bold;
    border-bottom: 2px solid #f9f9f9;
    padding-left: 25px;
    color: #ff404a;
    background: url(../img/adm.png) no-repeat left 16px;
}

.regBox .item {
    margin-bottom: 10px;
}

.regBox .item .getCode,
.regBox .item .resetCode {
    position: absolute;
    width: 94px;
    top: 6px;
    right: 56px;
    padding: 6px;
    text-align: center;
    font-size: 14px;
}

.regBox .item .getCode {
    background: #ff5400;
    color: #ffffff;
}

.regBox .item .resetCode {
    display: none;
    background: #e6e6e6;
    color: #9a9a9a;
    cursor: not-allowed;
}

.regBox .item .alert {
    position: absolute;
    top: 14px;
    margin-left: 10px;
    white-space: nowrap;
}

.regBox .item input {
    width: 60%;
    background: #f9f9f9;
}

.regBox .submit-btn {
    margin-left: 102px;
    width: 52%;
}

.reg-useful {
    position: absolute;
    right: 76px;
    top: 48px;
    width: 240px;
}

.reg-useful .title {
    padding-bottom: 10px;
    color: #828282;
    border-bottom: 1px dashed #d6d6d6;
}

.uselist {
    margin-bottom: 45px;
}

.uselist li {
    position: relative;
    font-size: 13px;
    vertical-align: top;
    padding: 20px 20px 20px 50px;
    border-bottom: 1px dashed #d6d6d6;
    border-top: 1px dashed #f9f9f9;
}

.uselist li strong {
    font-weight: normal;
    font-size: 14px;
    color: #000;
}

.uselist li p {
    color: #999;
}

.uselist li span.icon {
    position: absolute;
    left: 0px;
    top: 25px;
    width: 30px;
    height: 30px;
    border-radius: 60%;
    border: 1px solid #eaeaea;
}

.deal-icon {
    background: url(../img/deal.png) no-repeat #f5f5f5;
    background-position: center;
}

.past-icon {
    background: url(../img/past.png) no-repeat #f5f5f5;
    background-position: center;
}

.need-icon {
    background: url(../img/need.png) no-repeat #f5f5f5;
    background-position: center;
}

.reg-useful .log-way a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 48px;
    padding-left: 40px;
    background: url(../img/wei2.png) no-repeat;
    background-position: 32% center;
    border: 1px solid #efefef;
    color: #000;
}

.reg-useful .log-way a:hover {
    color: #fff;
    background: url(../img/wei2-hover.png) no-repeat #1ed866;
    background-position: 32% center;
}

/*经纪人详情页*/
.aleftbar {
    display: inline-block;
    width: 318px;
    font-size: 14px;
    margin-bottom: 40px;
    margin-right: 12px;
    vertical-align: top;
}

.aleftbar p {
    line-height: 24px;
}

.aleftbar .baseInfo {
    background-color: #fff;
    box-shadow: 0 10px 10px #eee;
}

.aleftbar .baseInfo .bighead {
    float: left;
    width: 100px;
    margin-right: 11px;
}

.aleftbar .otherInfo p {
    padding-left: 74px;
}

.aleftbar .otherInfo p span.bold {
    position: absolute;
    left: 0;
}

.aleftbar .comment {
    padding-bottom: 20px;
}

.aleftbar .comment .commentNum {
    float: left;
    width: 50px;
    margin-right: 50px;
    margin-left: 30px;
}

.aleftbar .comment p strong {
    padding: 10px;
}

.aleftbar .comment .co-btn {
    display: block;
    width: 200px;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #ff404a;
}

.aMain {
    display: inline-block;
    width: 865px;
    min-height: 700px;
    padding: 30px 20px;
    vertical-align: top;
    margin-bottom: 40px;
}

.aMain .pnav {
    border-bottom: 2px solid #c7000a;
}

.aMain .pnav span {
    display: inline-block;
    padding: 8px 35px;
    cursor: pointer;
}

.aMain .pnav span:hover {
    color: #c7000a;
    background: #fff4f4;
}

.aMain .pnav span.active {
    color: #fff;
    background: #c7000a;
}

.aMain .media {
    padding: 20px 0;
}

.aMain .media .img {
    width: 210px;
    height: 164px;
    margin-right: 20px;
}

.aMain .comment-list li {
    position: relative;
    border-bottom: 1px solid #f5f5f5;
    padding: 30px 20px 30px 60px;
}

.aMain .comment-list li .cushead {
    position: absolute;
    left: 0;
    margin-right: 10px;
}

.comment-wrap {
    position: absolute;
    width: 600px;
    left: 50%;
    top: 50%;
    margin-top: -300px;
    margin-left: -300px;
    background: #fff;
}

.comment-box {
    padding: 40px 60px;
    font-size: 14px;
}

.comment-box .type span {
    display: inline-block;
    padding: 3px 20px;
    border: 1px solid #eee;
    cursor: pointer;
}

.comment-box .type span:hover,
.comment-box .type span.active {
    color: #fff;
    background: #f96b07;
}

.comment-box .level li {
    line-height: 30px;
}

.comment-box .level .star {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/star.png) no-repeat;
    vertical-align: middle;
}

.comment-box .level .star:hover {
    background: url(../img/star-active.png) no-repeat;
}

.comment-box .content textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    vertical-align: top;
    border: 1px solid #eee;
}

.comment-box .btn {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    background: #ff404a;
}

.comment-box .level .score {
    padding-left: 5px;
    font-size: 14px;
    color: #f96b07;
    font-weight: bold;
}

.user-left {
    float: left;
    width: 200px;
    font-size: 14px;
    margin-right: 20px;
}

.user-head {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 15px solid #f9f9f9;
}

.user-list {
    padding-bottom: 15px;
    border-bottom: 100px solid #f9f9f9;
}

.user-list li a {
    display: block;
    padding: 10px 20px;
}

.user-list li.active a {
    background: #ecf6ff;
}

.user-list li.active a:hover {
    color: #fff;
    background: #ecf6ff;
}

.user-list li a:hover {
    color: #004688;
    background: #ecf6ff;
}

.user-main {
    min-height: 600px;
    padding: 40px 20px;
    margin-bottom: 40px;
    overflow: hidden;
}

.edit-password {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

.edit-password input {
    width: 70%;
    height: 44px;
    line-height: 44px;
    background: #f5f5f5;
    border: none;
}

.edit-password label {
    padding-right: 10px;
}

.user-infor-wrap {
    padding: 0 50px 80px;
}

.user-infor-wrap h2 {
    position: relative;
    margin-bottom: 30px;
}

.user-infor-wrap h2:before {
    position: absolute;
    left: -10px;
    top: 5px;
    content: '';
    width: 5px;
    height: 14px;
    background: #ff0000;
}

.user-infor-wrap .form-control {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 49%;
}

.user-infor-wrap .form-control label {
    width: 110px;
    text-align: right;
    padding-right: 10px;
}

.user-infor-wrap .form-control input {
    width: 60%;
    height: 44px;
    line-height: 44px;
    background: #f5f5f5;
    border: none;
}

.main-list {
    display: none;
}

.main-list .funbtn {
    display: block;
    width: 100%;
    padding-right: 115px;
}

.main-list .funbtn a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 10px;
    color: #fff;
    border-radius: 3px;
}

.compare-house-content {
    height: 220px;
    font-size: 12px;
    box-shadow: 0 5px 5px #f5f5f5;
}

.column-1 {
    float: left;
    width: 150px;
}

.column-1 p {
    margin-bottom: 10px;
}

.column-1 h2 {
    font-size: 18px;
    font-weight: bolder;
    margin-bottom: 15px;
}

.house-list {
    float: left;
    width: 260px;
    height: 100%;
    padding: 0 13px;
    border-left: 1px solid #eee;
    font-size: 13px;
}

.house-list a:hover {
    text-decoration: underline;
}

.house-list a img {
    width: 223px;
    height: 116px;
}

.compare-table {
    table-layout: fixed;
    font-size: 14px;
    border: 1px solid #eee;
    margin-top: 30px;
    margin-bottom: 30px;
}

.compare-table caption {
    font-size: 16px;
    text-align: left;
    margin-bottom: 15px;
}

.compare-table th {
    width: 150px;
    border: 1px solid #eee;
    padding: 10px;
    font-weight: bold;
    color: #999;
    vertical-align: middle;
}

.compare-table td {
    width: 260px;
    border: 1px solid #eee;
    padding: 10px;
}

.compare-table td.tag span {
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 4px;
}

.compare-table button {
    padding: 8px 20px;
    background: #fff;
    border: 1px solid #eee;
    opacity: .8;
    cursor: pointer;
}

.compare-table button:hover {
    opacity: 1;
}

.compare-table button.reserve {
    background: #0f80e4;
    color: #fff;
}

.new-house-banner {
    background: url(../img/topbg.jpg) repeat-x center #000;
    height: 500px;
    *height: 440px;
    text-align: center;
    overflow: hidden;
    padding-top: 81px;
    color: #fff;
}

.new-house-banner h1 {
    height: 125px;
    font-size: 50px;
    background: url(../img/slogen.png) center no-repeat;
    margin-top: 20px;
}

.new-filter {
    width: 500px;
    height: 220px;
    padding: 40px;
    margin: auto;
    font-size: 14px;
    text-align: left;
    background: url(../img/new-filter-bg.png) no-repeat;
}

.new-filter .hot-search a {
    color: #d2d2d2;
    padding-left: 10px;
}

.new-filter .hot-search a:hover {
    text-decoration: underline;
}

.new-filter input {
    width: 350px;
    height: 36px;
    *height: 24px;
    padding: 5px;
    color: #fff;
    vertical-align: middle;
    background: transparent;
    border: 1px solid #fff;
}

.new-filter .serch-btn {
    width: 70px;
    height: 36px;
    border: none;
    background: #fff;
    vertical-align: middle;
    margin-left: -5px;
    cursor: pointer;
}

.new-filter select {
    height: 36px;
    padding: 5px;
    color: #ffbe00;
    vertical-align: middle;
    background: transparent;
    *background: #000;
    *border: none;
    border: 1px solid #fff;

}

.new-filter select option {
    color: #333;
    *color: #fff;
}

.new-filter .filter-btn {
    display: inline-block;
    width: 94px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: none;
    background: #ffbe00;
    vertical-align: middle;
    margin-left: 15px;
    cursor: pointer;
}

.aMain .chengjiao {
    margin-left: -10px;
}

.aMain .chengjiao li.clist {
    width: 258px;
    padding: 20px;
    font-size: 12px;
    border: 2px solid #f3f3f3;
    margin-top: 20px;
    margin: 10px;
}

.aMain .chengjiao li.clist img {
    width: 100%;
}

.xiaoqu-deal {
    table-layout: fixed;
    width: 100%;
    font-size: 14px;
    text-align: center;
}

.xiaoqu-deal th {
    font-weight: bold;
}

.xiaoqu-deal tr {
    line-height: 50px;
    border-bottom: 1px solid #f1f1f1;
}

.xinfnag-house ul,
.xiaoqu-house ul {
    margin-right: -15px;
}

.xinfnag-house li,
.xiaoqu-house li {
    float: left;
    width: 280px;
    height: 250px;
    margin-right: 15px;
}

.xinfnag-house li img,
.xiaoqu-house li img {
    width: 100%;
}

.xinfnag-house li {
    width: 268px;
}

.xinfang-huxing img,
.xinfang-pic img {
    width: 48%;
    margin-right: 10px;
    border: 8px solid #fff;
    outline: 2px solid #000;
}

.insearchbox {
    position: absolute;
    right: 0;
    top: 0;
}

.insearchbox input {
    width: 710px;
    height: 45px;
    line-height: 45px;
    padding: 0 22px;
    vertical-align: middle;
    box-sizing: border-box;
    border: 0;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .2);
    border-radius: 2px;
}

.insearchbtn {}

.showMessage {
    position: fixed;
    top: 20px;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    padding: 14px 14px;
    z-index: 999999;
    border-radius: 8px;
}

.showMessageSuccess {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a;
}

.showMessageError {
    background-color: #fef0f0;
    color: #f56c6c;
}

.noResult {
    padding: 50px;
    text-align: center
}

.secondListLikeText {
    font-size: 20px;
    font-weight: bold;
    color: #394043;
}

.seeVr {
    width: 100%;
    height: 62px;
    line-height: 62px;
    border-bottom: 1px solid #f1f1f1;
    cursor: default
}

.appLink {
    display: inline-block;
    margin-left: 300px;
    color: #0f80e4;
    cursor: pointer;
}

/* .bg-red-header {
    background-color: #f5f5f6;
} */
.media-body .shadow {
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    background: red;
    display: inline-block;
    margin-right: 10px;
    padding: 2px 5px;
    margin-top: -1px;
    box-shadow: 2px 2px 4px red;
}